<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body></body>
<script src="./js_ajax.js"></script>
<script>
    // let xhr = new XMLHttpRequest();
    // //1. 创建xhr对象 这个对象就是发送请求的核心

    // xhr.open(
    //     "get",
    //     "https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata",
    //     true
    // );
    // //2.配置跟服务器的链接
    // xhr.send();
    // //3.发送请求
    // xhr.onreadystatechange = function() {
    //     //只要是服务器或者是xhr对象的状态发生改变都会触发
    //     if (xhr.readyState == 4) {
    //         if (xhr.status == 200) {
    //             console.log(xhr.responseText);
    //         }
    //     }
    // };
    //onreadystatechange 只要状态发生改变就会触发 onload加载完成触发
    // 可以用onload代替onreadystatechange

    // xhr.onload = function() {
    //     console.log(JSON.parse(xhr.responseText));
    // };
    //4.拿到返回的数据

    // 把原生ajax封装promise

    js_ajax(
        "get",
        "https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata"
    ).then((res) => {
        console.log(res);
    });
</script>

</html>